<template>
  <div class="container">
    <!-- <div class="card-search cardTop"> -->
    <!-- <el-tabs v-model="activeName" @tab-click="handleClick"> -->
    <!-- <el-tab-pane label="成型工单" name="profileWorkOrder"></el-tab-pane> -->
    <!-- <el-tab-pane label="质检" name="profileQuality"></el-tab-pane> -->
    <!-- </el-tabs> -->
    <!-- </div> -->
    <!-- <div class="card-table"> -->
    <profileWorkOrder />
    <!-- <profileQuality v-if="profileQualityif" /> -->
    <!-- </div> -->
  </div>
</template>

<script>
import profileWorkOrder from "./profileWorkOrder/index.vue";
// import profileQuality from './profileQuality/index.vue'
// import '@/mock/dataCenter.js'

export default {
  name: "profiling",
  components: {
    profileWorkOrder,
    // profileQuality
  },
  data() {
    return {
      // activeName: 'profileWorkOrder',
      // profileWorkOrderif: true
      // profileQualityif: false
    };
  },
  computed: {},
  created() {
    // if (sessionStorage.getItem('activeTab')) {
    //   this.activeName = sessionStorage.getItem('activeTab')
    //   console.log('this', this.activeName)
    //   this.profileWorkOrderif = false
    //   // this.profileQualityif = false
    //   switch (sessionStorage.getItem('activeTab')) {
    //     case 'profileWorkOrder':
    //       this.profileWorkOrderif = true
    //       break
    //     // case 'profileQuality':
    //     //   this.profileQualityif = true
    //     //   break
    //     default:
    //       break
    //   }
    // } else {
    //   sessionStorage.setItem('activeTab', this.activeName)
    // }
  },
  // beforeRouteLeave (to, from, next) {
  //   sessionStorage.removeItem('activeTab')
  //   next()
  // },
  mounted() {},
  methods: {
    // handleClick (tab) {
    //   // console.log('tab', tab)
    //   sessionStorage.setItem('activeTab', tab.name)
    //   this.profileWorkOrderif = false
    //   // this.profileQualityif = false
    //   switch (tab.index) {
    //     case '0':
    //       this.profileWorkOrderif = true
    //       break
    //     // case '1':
    //     //   this.profileQualityif = true
    //     //   break
    //     default:
    //       break
    //   }
    // }
  },
};
</script>

<style  scoped>
.block {
  margin-top: 20px;
  text-align: right;
}
.container {
  .cardTop {
    padding: 0 18px 0px;
    .el-tabs {
      .el-tabs__header {
        width: 300px;
      }
    }
  }
}
</style>
